import React from 'react'
import '../css/Footer.css'
import { Tabbar } from 'react-vant';
import { WapHome, Friends, Chat, Invitation } from '@react-vant/icons'
import { useNavigate } from 'react-router-dom';
export default function Footer() {
    const navigate = useNavigate()
    let data = {
        _id: '123456',
        price: 1111,
        orderId: +new Date(),
        name: 123,
        time: 12312,
        area_id: 123123,
        address: 123123,
        img: 11123123,
        flag: 0,
        num: 123123,
        spectator_id: 123123
    }


    return (
        <div className='F_main'>
            <Tabbar activeColor='black' inactiveColor='gray'>
                <Tabbar.Item icon={<WapHome fontSize='25px' />}></Tabbar.Item>
                <Tabbar.Item icon={<Invitation fontSize='25px' />}></Tabbar.Item>
                <Tabbar.Item icon={<Chat fontSize='25px' />} onClick={() => { localStorage.setItem('shangID',"66b0aae1d21d9df8cc014f70" ) }}></Tabbar.Item>
                <Tabbar.Item icon={<Friends fontSize='25px' />}></Tabbar.Item>
            </Tabbar>
        </div>
    )
}
